﻿@model JPSOFTWARE.BON.Modelos.Contato
@{
    ViewBag.Title = "Bebida Social - Contato";
    Layout = "~/Views/Shared/_Layout.cshtml";

    AjaxOptions ajax = new AjaxOptions
    {
        OnBegin = "Inicio()",
        LoadingElementId = "divLoading",
        OnSuccess = "Sucesso()",
        OnFailure = "Erro()"
    };
}
@{
    ViewBag.Title = "Bebida Social - Contato";
}
<script src="@Url.Content("~/Scripts/GestaoContato/Contato.js")" type="text/javascript"></script>
<script type="text/javascript">
    function Sucesso() {
        $("#divLoading").dialog("close");
        AbrirPopUp("#divEnviarContatoSucesso");

        $('input[type=text], textarea').each(function () {
            $(this).val('');
        });
    }
    function Erro() {
        $("#divLoading").dialog("close");
        AbrirPopUp("#divEnviarContatoErro");
    }
    function Inicio() {
        $("#divLoading").dialog("open");
    }
    $(document).ready(function () {
//        jQuery.noConflict();

        formularioContato();

        $('#divLoading').dialog({
            title: "Bebida Social - Contato",
            autoOpen: false,
            draggable: false,
            resizable: false,
            closeOnEscape: false,
            modal: true,
            open: function () { $(".ui-dialog-titlebar-close").hide(); } // Hide close button
        });
    });
</script>
<hr class="row-divider" />
<div id="page-title">
    <h1>
        <span class="slash">#</span> Contato
    </h1>
    <p>
        Envie uma mensagem com dúvidas, sugestão ou reclamação para o Bebida Social.</p>
</div>
<div id="contact-map">
    <iframe width="100%" height="180" frameborder="0" scrolling="no" marginheight="0"
        marginwidth="0" src="https://maps.google.co.uk/maps?q=-15.878093,-48.061449&amp;num=1&amp;t=h&amp;ie=UTF8&amp;ll=-15.879203,-48.059521&amp;spn=0.01486,0.036478&amp;z=14&amp;output=embed">
    </iframe>
    <br />
</div>

<div class="row">
    <div class="grid-8">
        <h3>
            <span class="slash">#</span> Envie uma Mensagem
        </h3>
        <p>
            Seu contato é muito importante para nos. Entraremos em contato o mais rápido possível.</p>
        @using (Ajax.BeginForm("Index", "Contato", ajax))
        {
            @Html.Hidden("hEmailEnviado", ViewData["emailEnviado"])
            @Html.ValidationSummary(true)
            <fieldset>
                <div class="control-group">
                    <div class="control-label">
                        @Html.LabelFor(model => model.Nome)
                    </div>
                    <div class="controls">
                        @Html.TextBoxFor(model => model.Nome, new { @class = "input-xlarge", MaxLength = 100 })
                        @Html.ValidationMessageFor(model => model.Nome)
                    </div>
                </div>
                <div class="control-group">
                    <div class="control-label">
                        @Html.LabelFor(model => model.Email)
                    </div>
                    <div class="controls">
                        @Html.TextBoxFor(model => model.Email, new { @class = "input-xlarge", MaxLength = 100 })
                        @Html.ValidationMessageFor(model => model.Email)
                    </div>
                </div>
                <div class="control-group">
                    <div class="control-label">
                        @Html.LabelFor(model => model.Mensagem)
                    </div>
                    <div class="controls">
                        @Html.TextAreaFor(model => model.Mensagem, new { @class = "input-xlarge" })
                        @Html.ValidationMessageFor(model => model.Mensagem)
                    </div>
                </div>
                <div class="form-actions">
                    <input type="submit" class="btn btn-large btn-warning" value="Enviar" />
                </div>
            </fieldset>
        }
    </div>
    <div class="grid-4">
        <div class="sidebar">
            <h3>
                <span class="slash">#</span> Mais Informações
            </h3>
            <p>
                <strong>Endereço</strong>
                <br />
                QS 518 Cj 01 Lt. 02
                <br />
                Samambaia Sul - Distrito Federal - Brasil
            </p>
            <p>
                <strong>Telefones</strong>
                <br />
                QS 518 Cj 01 Lt. 02
                <br />
                Celular: (61)8164-2899
                <br />
                Fax: (61)3358-0000
            </p>
        </div>
    </div>
</div>
<div class="modal" id="divEnviarContatoSucesso">
    <div class="modal-header">
        <h3>
            Contato</h3>
    </div>
    <div class="modal-body">
        @JPSOFTWARE.BON.Modelos.Mensagens.MSG_005
    </div>
    <div class="modal-footer">
        <span><a class="btn primary btn-warning" href="javascript:FecharTela()">Ok</a></span>
    </div>
</div>
<div class="modal" id="divEnviarContatoErro">
    <div class="modal-header">
        <h3>
            Contato</h3>
    </div>
    <div class="modal-body">
        <p class="alert alert-danger">
            @JPSOFTWARE.BON.Modelos.Mensagens.MSG_006
        </p>
        <div class="modal-footer">
            <span>@Html.ActionLink("Sair", "Index", "Inicio", new { Area = String.Empty }, new { @class = "btn primary btn-warning" })</span>
            <span><a class="btn" href="javascript:TentarNovamente()">Tentar novamente?</a></span>
        </div>
    </div>
</div>
<div id="divLoading" style="text-align: center; padding: 50px; display: none">
    <p>
        Enviando mensagem...</p>
    <img alt="loading" src="@Url.Content("~/Content/bootstrap/img/ajax-loader.gif")" />
</div>
